<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>利用 animation-delay 实现文字渐现效果</title>
</head>
<body>
<div class="button">Button</div>
<div class="g-wrap"></div>
<p>
    <span data-text="Lorem">Lorem</span> <span data-text="ipsum">ipsum</span> <span data-text="dolor">dolor</span> <span
        data-text="sit">sit</span> <span data-text="amet">amet</span> <span data-text="consectetur">consectetur</span>
    <span data-text="adipisicing">adipisicing</span> <span data-text="elit.">elit.</span> <span data-text="Mollitia">Mollitia</span>
    <span data-text="nostrum">nostrum</span> <span data-text="placeat">placeat</span> <span data-text="consequatur">consequatur</span>
    <span data-text="deserunt">deserunt</span> <span data-text="velit">velit</span> <span
        data-text="ducimus">ducimus</span> <span data-text="possimus">possimus</span> <span
        data-text="commodi">commodi</span>
    <span data-text="temporibus">temporibus</span> <span data-text="debitis">debitis</span> <span data-text="quam.">quam.</span>
</p>
</body>
</html>
